<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="../src/weui/css/jquery-weui.css" rel="stylesheet">
	
	
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<!--当前页面的css-->
	<link href="css/assoDetails.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" ></script>
	<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
	<style>
			.top-down{
				padding: 0 .35rem;
				width: 100%;
				height: 1.333333rem;
				background: #fff;
				position:fixed;
				top: 0;
				left: 0;
				border-bottom: 1px solid #ff9104;
			}
			.box .left{
				float: left;
				height: 1.333333rem;
				line-height: 1.333333rem;
			}
			.box .left span{
				float: left;
				font-family:PingFangSC-Regular;
				font-size:.32rem;
				color:#353535;
				letter-spacing:.003733rem;
				margin-left:.133333rem;
			}
			.box .left .logo{
				width: .8rem;
				height: .8rem;
				margin-top: .266667rem;
				float: left;
			}
			.box  .down{
				position: absolute;
				right: .35rem;
				top: .266667rem;
				width:2.133333rem;
				height:.8rem;    
			}
			.bottom-down{
				padding: 0 .35rem;
				width: 100%;
				height:1.066667rem;
				background:rgba(0,0,0,.7);
				position:fixed;
				bottom: 0;
				left: 0;
				
			}
			.bottom-down .left {
				 height:1.066667rem;
			}
			.bottom-down .left span{
				color:#ffffff;
				height:1.066667rem;
				line-height: 1.066667rem;
			}
			.bottom-down .left .logo{
				margin-top: .133333rem;
			}
			.bottom-down .down{
				height:.693333rem; 
				right: 1.066667rem;
				top: .18rem;   
			}
			.bottom-down .close-down{
				width:10px;
				height:10px;
				position: absolute;
				top: .4rem;
				right: .266667rem;
			}
			 /* 加载中css */
			 .mask {
				width:100%;
				height:100%;
				padding-top:100px;
				background-color:#fafafa;
				left:0;
				/* opacity: 0.5; */
				position: absolute;
				top: 0;
				z-index: 1;
				/* filter: alpha(opacity=50); */
			}
			.loadText {
				font-size: 15px;
				color: #494949;
			}
		</style>

</head>

<body>
<div class="assoDetails" id="app">
	<div class="mask" v-if="onLoading">
		<div class="weui-loadmore">
			<img class="loadIcon" src="http://appimg.yinsoso.com/loading.gif" alt="">
			<span class="weui-loadmore__tips loadText">请稍等，小搜正在努力赶来…</span>
		</div>
	</div>
	<!-- 顶部提示下载 -->
	<div class="top-down box" v-if="isShare == 1">
		<div class="left">
			<img class="logo" src="../../../images/logo@2x.png" alt="">
			<span>印刷行业抢鲜资讯，尽在印刷搜搜</span>
		</div>
		<img class="down" @click="downApp" src="../../../images/lijixiazai1@2x.png" alt="">
	</div>
	<div class="ad-title">
		 <!-- 空的div 用来撑开下载提示 -->
		 <div v-if="isShare == 1" style="height:1.333333rem"></div>
		<p>
			{{assDetails.title}}
		</p>
		<span>日期：{{assDetails.create_date}}</span>
	</div>
	<div class="ad-line"></div>
	<div class="ad-TxtImg" v-html="assDetails.content">
	</div>
	<div class="ad-line"></div>
	<div class="ad-copyright">
		<p>{{assDetails.authorize}}</p>
		<p class="ad-source">来源：{{assDetails.college_name}}</p>
		<p class="ad-source">来自：印刷搜搜</p>
	</div>
	<div class="Gray_Bg"></div>
	<ul class="keyword clearfix">
		<li>关键字：</li>
		<li v-for="item in assDetails.keywords"><span>{{item}}</span></li>
	</ul>
	<ul class="asso-news" id="asso-news" v-if="assDetails.recommendList && assDetails.recommendList.length>0">
		<li v-for="item in assDetails.recommendList">
			<a @click="urlHref(item)"  class="title">{{item.title}}</a>
			<!--<span class="time">{{item.date}}</span>-->
		</li>
	</ul>
	<div v-else class="nolist">暂无更多数据</div>
	<div class="Gray_Bg"></div>
	<div class="clear"></div>
	<div class="asso-discuss">
		<div class="asso-discuss-left">
			<span>{{commentList.total}}条评论</span>
		</div>
		<div class="ad-TxtImg">
			{{assDetails.textarea}}
			<img :src="assDetails.img">
		</div>
	</div>
	<div v-if="commentList.list.length>0">
		<div class="asso-discuss-main clearfix"  v-for="item in commentList.list">
			<ul>
				<li class="ul-left" >
					<div class="img">
						<img :src="item.logo"/>
					</div>
					<div class="txt">
						<p class="name">{{item.nick_name}}</p>
						<p class="time">{{item.create_date}}</p>
					</div>
					
				</li>
				<li class="ul-right" v-if = "item.state==0">
					<a href="javascript:;">等待审核</a>
				</li>
			</ul>
			<div class="clear"></div>
			<p>
				{{item.content}}
			</p>
		</div>
	</div>
	<div v-else class="nolist">暂无更多数据</div>
	<!-- 滚动加载更多评论 -->
	<div class="weui-loadmore" v-if="!hideing" v-show="commentList.list.length>0">
			<i class="weui-loading"></i>
			<span class="weui-loadmore__tips">正在加载</span>
		</div>
	<div class="assoImg">
			<img :src="bottomImg" />
	</div>
	<div style="height:1.733333rem;"></div>
	<div class="comment-box"  v-if="isShare!=1">
		<div class="comment-boxs">
		<div class="comment-left">
			<div class="c-left-input">
				<span class="icons"></span>
				<input class="text" type="text"  @keyup.enter="sendMessage()" v-model="messageval" placeholder="请输入评论..."/>
			</div>
		</div>
		<div class="comment-right clearfix">
			<!--<span v-show="assDetails.isLike == 0" @click="chooseLike"><img src="../images/asso_icon2.png"/></span>
			<span v-show="assDetails.isLike == 1" @click="chanceLike"><img src="../images/asso_icon2on.png"/></span>-->
			<span @click="sendMessage()" >发送</span>
			<span v-show="assDetails.is_collect == 0" @click="chooseCollect"><img src="../images/asso_icon3.png"/></span>
			<span v-show="assDetails.is_collect == 1" @click="chanceCollect"><img src="../images/asso_icon3on.png"/></span>
			<span @click="appShare(assDetails)">
				<img src="../images/asso_icon4.png"/>
			</span>
		</div>
	</div>
	  

	</div>
	 
	<!--评论层-->

	<!--/评论层-->
	<script type="text/babel" src="js/pagejs/collegeDetails.js"></script>
</body>

</html>